<!DOCTYPE html>
{% set app_username = app.getUser.getUsername %}
<html lang="en">
<head>
    {% block head %}
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        <meta charset="utf-8"/>
        <title>{% block title %}404 Error Page - Ace Admin{% endblock %}</title>

        <meta name="description" content="{% block description %}404 Error Page{% endblock %}"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>

        <!-- bootstrap & fontawesome -->
        <link rel="stylesheet" href="{{ asset('/admin/assets/css/bootstrap.min.css') }}"/>
        <link rel="stylesheet" href="/admin/assets/font-awesome/4.5.0/css/font-awesome.min.css"/>

        <!-- page specific plugin styles -->
        {% block plugin_styles %}{% endblock %}

        <!-- text fonts -->
        <link rel="stylesheet" href="/admin/assets/css/fonts.googleapis.com.css"/>

        <!-- ace styles -->
        <link rel="stylesheet" href="/admin/assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style"/>

        <!--[if lte IE 9]>
        <link rel="stylesheet" href="/admin/assets/css/ace-part2.min.css" class="ace-main-stylesheet"/>
        <![endif]-->
        <link rel="stylesheet" href="/admin/assets/css/ace-skins.min.css"/>
        <link rel="stylesheet" href="/admin/assets/css/ace-rtl.min.css"/>

        <!--[if lte IE 9]>
        <link rel="stylesheet" href="/admin/assets/css/ace-ie.min.css"/>
        <![endif]-->

        <!-- inline styles related to this page -->
        {% block css %}{% endblock %}
        <!-- ace settings handler -->
        <script src="/admin/assets/js/ace-extra.min.js"></script>

        <!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

        <!--[if lte IE 8]>
        <script src="/admin/assets/js/html5shiv.min.js"></script>
        <script src="/admin/assets/js/respond.min.js"></script>
        <![endif]-->
    {% endblock %}
</head>

<body class="no-skin">
{% include "AdminBundle:base:navbar.html.twig" %}
<div class="main-container ace-save-state" id="main-container">
    <script type="text/javascript">
        try {
            ace.settings.loadState('main-container')
        } catch (e) {
        }
    </script>

    {% include 'AdminBundle:base:menu.html.twig' ignore missing %}

    <div class="main-content">
        <div class="main-content-inner">
            {% block breadcrumbs %}
            {% endblock %}
            <div class="page-content">
                <div class="ace-settings-container" id="ace-settings-container">
                    <div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
                        <i class="ace-icon fa fa-cog bigger-130"></i>
                    </div>

                    <div class="ace-settings-box clearfix" id="ace-settings-box">
                        <div class="pull-left width-50">
                            <div class="ace-settings-item">
                                <div class="pull-left">
                                    <select id="skin-colorpicker" class="hide">
                                        <option data-skin="no-skin" value="#438EB9">#438EB9</option>
                                        <option data-skin="skin-1" value="#222A2D">#222A2D</option>
                                        <option data-skin="skin-2" value="#C6487E">#C6487E</option>
                                        <option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
                                    </select>
                                </div>
                                <span>&nbsp; Choose Skin</span>
                            </div>

                            <div class="ace-settings-item">
                                <input type="checkbox" class="ace ace-checkbox-2 ace-save-state"
                                       id="ace-settings-navbar" autocomplete="off"/>
                                <label class="lbl" for="ace-settings-navbar"> Fixed Navbar</label>
                            </div>

                            <div class="ace-settings-item">
                                <input type="checkbox" class="ace ace-checkbox-2 ace-save-state"
                                       id="ace-settings-sidebar" autocomplete="off"/>
                                <label class="lbl" for="ace-settings-sidebar"> Fixed Sidebar</label>
                            </div>

                            <div class="ace-settings-item">
                                <input type="checkbox" class="ace ace-checkbox-2 ace-save-state"
                                       id="ace-settings-breadcrumbs" autocomplete="off"/>
                                <label class="lbl" for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>
                            </div>

                            <div class="ace-settings-item">
                                <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl"
                                       autocomplete="off"/>
                                <label class="lbl" for="ace-settings-rtl"> Right To Left (rtl)</label>
                            </div>

                            <div class="ace-settings-item">
                                <input type="checkbox" class="ace ace-checkbox-2 ace-save-state"
                                       id="ace-settings-add-container" autocomplete="off"/>
                                <label class="lbl" for="ace-settings-add-container">
                                    Inside
                                    <b>.container</b>
                                </label>
                            </div>
                        </div><!-- /.pull-left -->

                        <div class="pull-left width-50">
                            <div class="ace-settings-item">
                                <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-hover"
                                       autocomplete="off"/>
                                <label class="lbl" for="ace-settings-hover"> Submenu on Hover</label>
                            </div>

                            <div class="ace-settings-item">
                                <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-compact"
                                       autocomplete="off"/>
                                <label class="lbl" for="ace-settings-compact"> Compact Sidebar</label>
                            </div>

                            <div class="ace-settings-item">
                                <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-highlight"
                                       autocomplete="off"/>
                                <label class="lbl" for="ace-settings-highlight"> Alt. Active Item</label>
                            </div>
                        </div><!-- /.pull-left -->
                    </div><!-- /.ace-settings-box -->
                </div><!-- /.ace-settings-container -->

                <div class="page-header">
                    <h1></h1>
                </div><!-- /.page-header -->

                <div class="row">
                    <div class="col-xs-12">
                        <!-- PAGE CONTENT BEGINS -->
                        {% block content %}
                            <div class="error-container">
                                <div class="well">
                                    <h1 class="grey lighter smaller">
											<span class="blue bigger-125">
												<i class="ace-icon fa fa-sitemap"></i>
												404
											</span>
                                        Page Not Found
                                    </h1>

                                    <hr/>
                                    <h3 class="lighter smaller">We looked everywhere but we couldn't find it!</h3>

                                    <div>
                                        <form class="form-search">
												<span class="input-icon align-middle">
													<i class="ace-icon fa fa-search"></i>

													<input type="text" class="search-query"
                                                           placeholder="Give it a search..."/>
												</span>
                                            <button class="btn btn-sm" type="button">Go!</button>
                                        </form>

                                        <div class="space"></div>
                                        <h4 class="smaller">Try one of the following:</h4>

                                        <ul class="list-unstyled spaced inline bigger-110 margin-15">
                                            <li>
                                                <i class="ace-icon fa fa-hand-o-right blue"></i>
                                                Re-check the url for typos
                                            </li>

                                            <li>
                                                <i class="ace-icon fa fa-hand-o-right blue"></i>
                                                Read the faq
                                            </li>

                                            <li>
                                                <i class="ace-icon fa fa-hand-o-right blue"></i>
                                                Tell us about it
                                            </li>
                                        </ul>
                                    </div>

                                    <hr/>
                                    <div class="space"></div>

                                    <div class="center">
                                        <a href="javascript:history.back()" class="btn btn-grey">
                                            <i class="ace-icon fa fa-arrow-left"></i>
                                            Go Back
                                        </a>

                                        <a href="#" class="btn btn-primary">
                                            <i class="ace-icon fa fa-tachometer"></i>
                                            Dashboard
                                        </a>
                                    </div>
                                </div>
                            </div>
                        {% endblock %}

                        <!-- PAGE CONTENT ENDS -->
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.page-content -->
        </div>
    </div><!-- /.main-content -->

    {% include 'AdminBundle:base:footer.html.twig' ignore missing %}
    <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
        <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
    </a>
</div><!-- /.main-container -->

<!-- basic scripts -->

<!--[if !IE]> -->
<script src="/admin/assets/js/jquery-2.1.4.min.js"></script>

<!-- <![endif]-->

<!--[if IE]>
<script src="/admin/assets/js/jquery-1.11.3.min.js"></script>
<![endif]-->
<script type="text/javascript">
    if ('ontouchstart' in document.documentElement) document.write("<script src='/admin/assets/js/jquery.mobile.custom.min.js'>" + "<" + "/script>");
</script>
<script src="/admin/assets/js/bootstrap.min.js"></script>

<!-- page specific plugin scripts -->
{% block plugin_scripts %}

{% endblock %}

<!-- ace scripts -->
<script src="/admin/assets/js/ace-elements.min.js"></script>
<script src="/admin/assets/js/ace.min.js"></script>

<!-- inline scripts related to this page -->
{% block javascripts %}

{% endblock %}
</body>
</html>

